<!DOCTYPE html>
<html>
<head>
    <title>__TITLE__</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <script src="__COMMON__/js/requirejs.js" charset="utf-8"></script>
	<script src="__COMMON__/js/jquery-1.11.1.min.js" charset="utf-8"></script>
	<script type="text/javascript">
		requirejs.config({
			baseUrl: "__COMMON__/js",
			paths: {
				modal: "__COMMON__/js/2/modal",
				swiper: "__COMMON__/swiper/swiper2.0",
				artTemplate: "__COMMON__/js/artTemplate",
				wx: 'http://res.wx.qq.com/open/js/jweixin-1.0.0'
			}
		});
	</script>
	<link rel="stylesheet" type="text/css" href="__STYLE__/DisShop/style/base2013.css" />
	<link rel="stylesheet" type="text/css" href="__STYLE__/DisShop/style/all_html5.css" />
    <style type="text/css">
        * {margin: 0;padding: 0;}
        body {font-family: 'Microsoft YaHei', '微软雅黑';}
        ul li,ol li{list-style: none;}
        .clear{clear: both;}
        .swipe {overflow: hidden;visibility: hidden;position: relative;}
        .swipe-wrap {overflow: hidden;position: relative;}
        .swipe-wrap > div {float:left;width:100%;position: relative;}
        .swipe-wrap > div img{display: block;width: 100%;}
        .indicator{display: -webkit-box;}
        .indicator span{display: block;height: 5px;-webkit-box-flex:1;background-color: #c6c6c6;}
        .indicator span.hover{background-color: #ef3d69;}
        .brands .row{display: -webkit-box; padding: 5px 0;}
        .brands .row a{display: block;text-decoration: none;-webkit-box-flex:1;}
        .brands .row a i{display: block;width: 50px;height: 50px;margin: auto;background-repeat: no-repeat;background-size: 50px auto;background-position: center center;}
        .brands .row a span{display: block;width: 100%;text-align: center;color: #000;}
		.ad{display: block;margin: 20px auto auto auto;overflow: hidden;}
        .ad .row{display: -webkit-box; width: 100%;}
        .ad .row a{display: block;text-decoration: none;-webkit-box-flex:0;width: 50%;}
        .ad .row a i{display: block;width: 100%;height: 0;padding-bottom: 39%;margin: auto;background-repeat: no-repeat;background-size: 100% 100%; background-position: center center;}
        .ad .row a span{display: block;width: 100%;text-align: center;color: #000;}
        .navigator{display: -webkit-box;border-top: 2px solid #ef3d69;}
        .navigator span{display: block;-webkit-box-flex:1;border-right: 1px solid #929292;background-color: #eaeaea;text-align: center;text-decoration: none;color: #000000;padding: 8px 0;}
        .navigator span:last-child{border-right: none;}
        .navigator span.hover{background-color: #ffffff;}
        .goods-list{width: 310px;margin: auto;padding: 20px 0 0 0;}
        .goods-list ul{float: left;width: 100%;}
        .goods-list ul li{border: 1px solid #ef3d69;width: 47%;height: 200px;overflow: hidden;position: relative;margin-bottom: 5px;}
        .goods-list ul li:nth-child(2n){float: right;}
        .goods-list ul li:nth-child(2n+1){float: left;}
        .goods-list ul li a{text-decoration: none;}
        .goods-list ul li .img{display: block;border-bottom: 1px dotted #ef3d69;}
        .goods-list ul li .img img{display: block;width: 100%;}
        .goods-list ul li .name{display: block;text-decoration: none;color: #60646f;padding: 5px 5px 2px 5px;}
        .goods-list ul li .price{display: block;text-decoration: none;color: #ef3d69;padding: 0 0 5px 5px;}
        .goods-list ul li .tag{display: block;position: absolute;right: 0;bottom: 0;width: 30px;height: 28px;}
        .goods-more{display: block;width: 100px;margin: auto;text-decoration: none;}
        .goods-more img{display: block;width: 100%;}
        template { display:none; }
    </style>
    <script language="javascript">
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		WeixinJSBridge.call('hideOptionMenu');
	});
	</script>
</head>
<body>

<!-- 内容 S -->
{__CONTENT__}
<!-- 内容 E -->

<!-- 微信分享开始 S-->
<script type="text/javascript">
	var share = {$share},
		debug = false;
	require(['wx'], function(wx) {
		wx.config({
			debug: debug,
			appId: '{$wxConfig.appId}',
			timestamp: "{$wxConfig.timestamp}",
			nonceStr: '{$wxConfig.nonceStr}',
			signature: '{$wxConfig.signature}',
			jsApiList: [
				'checkJsApi',
				'onMenuShareTimeline',
				'onMenuShareAppMessage',
				'onMenuShareQQ',
				'onMenuShareWeibo',
				'hideMenuItems',
				'showMenuItems',
				'hideAllNonBaseMenuItem',
				'showAllNonBaseMenuItem',
				'translateVoice',
				'startRecord',
				'stopRecord',
				'onRecordEnd',
				'playVoice',
				'pauseVoice',
				'stopVoice',
				'uploadVoice',
				'downloadVoice',
				'chooseImage',
				'previewImage',
				'uploadImage',
				'downloadImage',
				'getNetworkType',
				'openLocation',
				'getLocation',
				'hideOptionMenu',
				'showOptionMenu',
				'closeWindow',
				'scanQRCode',
				'chooseWXPay',
				'openProductSpecificView',
				'addCard',
				'chooseCard',
				'openCard'
			]
		});
		wx.ready(function() {
			wx.onMenuShareAppMessage({
				link: share.link,
				title: share.title,
				desc: share.desc,
				imgUrl: share.imgUrl
			})
			wx.onMenuShareTimeline({
				link: share.link,
				title: share.desc,
				imgUrl: share.imgUrl
			})
		});
	})
</script>
<!-- 微信分享结束 E -->
		
		


<!-- footer S -->
<style type="text/css">
    .clear{clear: both;}
    .footer-20150126{text-align: center;color: #767575;}
    .footer-20150126 .link{text-align: center;line-height: 150%;padding: 8px 0 5px 0;}
    .footer-20150126 .link a{display: block;width: 100px;margin: auto;text-decoration: none;color: #767575;}
    .footer-20150126 .link a img{display: block;width: 100%;}
    .footer-20150126 .services{}
    .footer-20150126 .services .left{float: left;width: 40%;}
    .footer-20150126 .services .left p{float: right;padding-bottom: 10px;width: 100%;}
    .footer-20150126 .services .left p span{float: right;padding-top: 5px;padding-left: 5px;}
    .footer-20150126 .services .left p img{float: right; width: 25px;}
    .footer-20150126 .services .middle{float: left;width: 20%;}
    .footer-20150126 .services .right{float: left;width: 40%;}
    .footer-20150126 .services .right p{float: left;padding-bottom: 10px;width: 100%;}
    .footer-20150126 .services .right p img{float: left;width: 25px;}
    .footer-20150126 .services .right p span{float: left;padding-top: 5px;padding-left: 5px;}
</style>
<footer class="footer-20150126">
    <div class="services">
        <div class="left">
            <p>
                <span>官方直销</span>
                <img src="__STYLE__/DisShop/images/icon-shipping.png"/>
            </p>
            <p>
                <span>统一价格</span>
                <img src="__STYLE__/DisShop/images/icon-money.png"/>
            </p>
        </div>
        <div class="middle">&nbsp;</div>
        <div class="right">
            <p>
                <img src="__STYLE__/DisShop/images/icon-love.png"/>
                <span>正品保证</span>
            </p>
            <p>
                <img src="__STYLE__/DisShop/images/icon-product.png"/>
                <span>服务无忧</span>
            </p>
        </div>
        <div class="clear"></div>
    </div>
    <p class="link">
        <a href="{$config.subscribe_url}">
            <img src="__STYLE__/DisShop/images/img-7.png">
        </a>
    </p>
    <div class="pr-copyright">
	    <p>{$config.copyright}</p>
	    <notempty name="config.tel">
	    <p><a href="tel:{$config.tel}" class="underline">联系客服</a></p>
	    </notempty>
	    <p>{$system.bottom}</p>
    </div>
</footer>
<!-- footer E -->



<!-- bottom nav S -->
<div style="height: 80px;"></div>
<style type="text/css">
    .gototop{display: block;width: 30px;position: fixed;right: 5px;bottom: 95px;z-index: 100;}
    .float-nav{display: -webkit-box;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #313131;padding-top: 2px;}
    .float-nav .item{display: block;-webkit-box-flex:1;text-decoration: none;padding-bottom: 4px;position: relative;}
    .float-nav .item .img{display: block;width: 30px;height: 30px;margin: auto;background-repeat: no-repeat;background-position: center center;background-size: 25px auto;}
    .float-nav .item .txt{display: block;width: 100%;text-align: center;color: #ffffff;font-size: 0.6em;text-decoration: none;}
    .float-nav .item .num{display: block;width: 20px;height: 20px;background-color: #cd0a0a;color: #ffffff;border-radius: 10px;position: absolute;right: 0;top: 0;text-align: center;line-height: 20px;}
    .float-nav .middle{width:70px; position: relative; -webkit-box-flex : 0; }
    .float-nav .middle a{display: block;width: 70px;margin: auto;position: absolute;top: -25px;}
    .float-nav .middle a img{display: block;width: 100%;}
</style>
<div class="float-nav">
    <a class="item" href="{$config.url}">
        <span class="img" style="background-image: url('__STYLE__/DisShop/images/icon-home.png')"></span>
        <span class="txt">首页</span>
    </a>
    <a class="item" href="{:url(null, 'DisShop', 'list', 'sid='.$sid)}">
        <span class="img" style="background-image: url('__STYLE__/DisShop/images/icon-cat.png')"></span>
        <span class="txt">商品分类</span>
    </a>
    <div class="middle">
        <a href="{:url(null, 'DisShop', 'my', 'sid='.$sid)}" style="padding: 5px;background: #fff;border-radius: 50px;overflow: hidden;border: 5px solid #313131;width: 3rem;height: 3rem;">
            <img src="{$config['logo']}" style="padding: 0px;margin: 0px auto; width: 100%; height: 100%;"/>
        </a>
    </div>
    <a class="item" href="{:url(null, 'DisShopCart', 'showCart', 'sid='.$sid)}">
        <span class="img" style="background-image: url('__STYLE__/DisShop/images/icon-cart.png')"></span>
        <span class="txt">购物车</span>
            </a>
    <a class="item" href="{:url(null, 'DisShop', 'concat', 'sid='.$sid)}">
        <span class="img" style="background-image: url('__STYLE__/DisShop/images/icon-tel.png')"></span>
        <span class="txt">联系我们</span>
    </a>
</div>
<!-- bottom nav E -->


<img class="gototop" src="__STYLE__/DisShop/images/gototop.png" onclick="gotoTop()"/>
<script type="text/javascript">
    $(window).scroll(function(){
        var s = $(window).scrollTop();
        if( s > 200){
            $(".gototop").fadeIn(100);
        }else{
            $(".gototop").fadeOut(200);
        }
    });
    function gotoTop(){
        $('html,body').animate({scrollTop:0}, 400);
    }
</script>


<script language="javascript">
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { 
		WeixinJSBridge.call('showOptionMenu');
	});
</script>


</body>
</html>